<!doctype html>
<html>
<head>

  <title>polymer-localstorage</title>

  <script src="../platform/platform.js"></script>

  <link rel="import" href="core-localstorage.html">

</head>
<body>

  <x-test1></x-test1>

  <polymer-element name="x-test1" noscript>
    <template>
      string entered below will be stored in localStorage and automatically retrived from localStorage when the page is reloaded<br>
      <input value="{{value}}">
      <core-localstorage name="polymer-localstorage-x-test1" value="{{value}}"></core-localstorage>
    </template>
  </polymer-element>

  <br><br>

  <x-test2></x-test2>

  <polymer-element name="x-test2">
    <template>
      <input type="checkbox" checked="{{mode}}">
      <core-localstorage name="polymer-localstorage-x-test2" value="{{mode}}"></core-localstorage>
    </template>
    <script>
      Polymer('x-test2', {
        mode: false
      });
    </script>
  </polymer-element>

</body>
</html>
